//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

import { mapActions, mapGetters } from "vuex";
import { addClass, removeClass } from "@/assets/js/dom.js";
import template from "./serverTemplate";
const { render, staticRenderFns } = template;

export default {
  render,
  staticRenderFns,
  data() {
    return {
      info: null,
      helpInfo: null,
      page: 1,
      pullUpLoad: true,
      keyWords: "",
      helpInfoDetails: {},
    };
  },
  components: {},
  computed: {
    ...mapGetters(["service"]),
  },
  created() {
    this._getTel();
    // if (localStorage.getItem("token")) {
    //   this._getHelpInfo(1);
    // }
  },
  methods: {
    ...mapActions(["SET_SERVICE"]),
    activeCopy(e) {
      addClass(e.target, "activeScroll");
      document.addEventListener("touchmove", () => {
        removeClass(e.target, "activeScroll");
      });
      document.addEventListener("touchend", () => {
        removeClass(e.target, "activeScroll");
      });
    },
    helpInfoFun(index) {
      this.helpInfoDetails = this.helpInfo[index];
      this.$router.push("/server/faqDetails");
    },
    pullingDown() {
      this.page = 1;
      this._getHelpInfo(0);
    },
    pullingUp() {
      if (this.pullUpLoadFlag) {
        this.$refs.scroll.forceUpdate(false);
        return;
      }
      this.page += 1;
      this._getHelpInfo(0);
    },
    _getTel() {
      let vm = this;
      vm.$http
        .post(vm.urlRequest + "?m=api&c=app&a=customerType")
        .then((res) => {
          if (res.status == 0) {
            vm.info = res.info;
            vm.SET_SERVICE({ String: vm.info[2].value });
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
    _getHelpInfo(flag) {
      let vm = this;
      let params = {};
      params.token = localStorage.getItem("token");
      params.page = vm.page;
      params.keyword = vm.keyWords;
      if (flag) {
        vm.$vux.loading.show();
      }
      vm.pullUpLoadFlag = false;
      vm.$http
        .post(vm.urlRequest + "?m=api&c=message&a=getHelperInfo", params)
        .then((res) => {
          if (flag) {
            vm.$vux.loading.hide();
          }
          if (res.status == 0) {
            if (vm.page == 1) {
              vm.helpInfo = res.data.list;
            } else {
              vm.helpInfo = vm.helpInfo.concat(res.data.list);
            }
            // vm.$store.commit('SET_SERVER_DATA', vm.helpInfo)
            // localStorage.setItem('serverData', JSON.stringify(vm.helpInfo))
            if (res.data.list.length < 10) {
              vm.pullUpLoadFlag = true;
            }
          }
        })
        .catch((err) => {
          vm.$refs.scroll.forceUpdate(false);
          vm.pullUpLoad = false;
          vm.$vux.loading.hide();
          this.$vux.toast.show({
            text: "数据请求超时",
          });
          console.log(err);
        });
    },
  },
  watch: {
    // faqDetailsShow(){
    // 	if (this.faqDetailsShow) {
    // 		this.$router.push('/server?faqDetailsShow=true&index=' +this.infoIndex )
    // 	} else {
    // 		this.$router.push('/server?faqDetailsShow=flase')
    // 	}
    // },
    // helpInfo() {
    // 	if (this.helpInfo) {
    // 		if (this.$route.query.faqDetailsShow == 'true') {
    // 			this.faqDetailsShow = true
    // 			this.infoDetail = this.helpInfo[this.$route.query.index];
    // 		}
    // 	}
    // }
  },
};

// WEBPACK FOOTER //
// ./src/components/server/server.vue
